// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.wiki-page {
  display: grid;
  .fancy-scrollbar(); // for sidebar/table of contents. Placed here so it works in chromium

  @media @desktop {
    grid-template-columns: 250px 1fr;
  }

  &__content {
    min-width: 0;
    padding: 20px @gutter-v2;

    @media @desktop {
      padding-left: @gutter-sidebar-desktop;
      padding-right: @gutter-v2-desktop;
    }
  }

  &__toc {
    background-color: @osu-colour-b4;
    border-radius: @border-radius-large;
    padding: 10px @gutter-v2;
    margin: 10px @gutter-v2;

    @media @desktop {
      border-radius: 0;
      top: @nav2-height--pinned;
      position: sticky;
      padding: 20px @gutter-sidebar-desktop 20px @gutter-v2-desktop;
      margin: 0;
      overflow-y: scroll;
      max-height: calc(100vh - @nav2-height--pinned);
    }
  }
}
